<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>其他页面也需要弹出框</title>
		<link rel="stylesheet" type="text/css" href="Alert.css"/>
		<script src="common.js" type="text/javascript" charset="utf-8"></script>
		<script src="Alert.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			window.onload =function(){
				let 
					oBtn1 =$("btn1"),
					oBtn2 =$("btn2"),
					oBtn3 =$("btn3"),
					oBtn4 =$("btn4");
				oBtn1.onmouseenter = function(){
					Alert.show({
						title : "弹出标题1",
						content : "弹出内容1"
					});
				}	
				oBtn2.onmouseenter = function(){
					Alert.show({
						title : "弹出标题2",
						content : "弹出内容2"
					});
				}	
				oBtn3.onmouseenter = function(){
					Alert.show({
						title : "弹出标题3",
						content : "弹出内容3"
					});
				}	
				oBtn4.onmouseenter = function(){
					Alert.show({
						title : "弹出标题4",
						content : "弹出内容4"
					});
				}	
			}
			
		</script>
	</head>
	<body>
		<button id="btn1">弹出1</button>
		<button id="btn2">弹出2</button>
		<button id="btn3">弹出3</button>
		<button id="btn4">弹出4</button>
		
	</body>
</html>
